/*
 * CSS全局配置
 */

//全局配置项
* {
  margin 0px
  padding 0px
}

a {
  text-decoration none
  color #fff
}
  
html, body {
  width 100%
  height 100%
  font-size 12px
  font-weight 300
  font-family '微软雅黑'
  background #333
}

//设置全局行高
.el-col {
  line-height 40px  
  font-size 14px
}

.el-table {
  font-size 13px  
}

.el-pagination {
  margin-top 10px
  float right
  padding-right 0px
}

.el-button-group {
  margin-top -3px  
}

.el-pagination__jump {
  margin-top -2px  
}

.el-row { 
  margin-bottom 15px
  &:last-child {
      margin-bottom: 0;
    }
} 

.formTitleBox {
    height 40px
    background #eee
    font-weight bold

    i {
      margin-right 5px
      margin-left 10px
    }
}

.more_info_icon {
  font-size 14px
  margin-left 15px
  position relative
  top 1px
  color #999
}

.tableHeader {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;

  .tableHeaderTitle {
    width: auto;
    height: 16px;
    line-height: 16px;
    float: left;
    margin-top: 12px;
    font-size: 15px;
    padding-left: 10px;
    border-left: 3px solid #88B7E0;
  }

  .tableHeaderMenu {
    width: 200px;
    height: 40px;
    float: right;
    text-align: right;
  }
}

.tableBottomMenu {
  height: 64px;
  padding-top: 8px;
}

.el-scrollbar__wrap {
  overflow-x hidden
}

.el-select-dropdown__list {
  padding-bottom 20px  
}

.el-select {
  width:338px;
}

.el-cascader {
  width:338px;
}

.el-scrollbar {
  height 100% 
}

.pageBox {
    top 40px
    left 0px
    bottom 0px
    right 0px
    position absolute  
    background #f0f0f0
}

/*
 * 通用CSS方法设置
 */
//设置图片在容器中居中显示
image-center(w,h){
  width w
  height h
  position absolute
  top 50%
  left 50%
  transform translate(-50%,-50%)
}

//设置圆角样式
border-radius(n) {
  -webkit-border-radius n
  -moz-border-radius n
  border-radius n
}

.previewImage {
  object-fit:cover;
  border-radius 5px
  border 1px solid #eee
}

/*
 * 主题配置项
 */

//背景相关样式 
.main_bg_color {
  background #fefefe
}

//顶部导航相关样式
.header_default_style {
  background #252a2f
  color #ffffff
  font-size 14px
  .logo,.title,.language,.personal_information {
    &:hover {
      background #000000  
    }  
  }
  .header_menus > .header_menus_item {
    &:hover {
      background #000000 
    } 
  }
  .search_input > input {
      border 1px solid #eeeeee
      color #eeeeee
      &:hover {
            box-shadow: 0px 0px 10px #888888;
      }
  }
}

/*
 * 常用公共样式
 */
 .contentEllipsis {
   overflow hidden
   text-overflow ellipsis
   white-space nowrap
}

//菜单选中样式 
.active-link {
  color #fff
  text-decoration none
  background #000
}

.popInput {
  width 99%
  height 40px
  margin-bottom 10px

  input{
    width 97%
    height 35px
    border-radius 5px
    border 1px solid #eee
    outline none
    padding-left 10px
  }
}

pre code {
  margin-top 5px
  margin-bottom 5px
}

//菜单说明公共样式
.menuDescriptionBox {
    width 100%
    height auto
    border 1px solid #eee
    border-radius 5px
    background #f5f5f5
    padding 10px
    box-sizing border-box
    line-height 22px
    margin-bottom 15px;

    span {
        font-weight 500
    }

    .menuDesc {
        color #666
        margin-top 5px

        a {
          color blue
          text-decoration: underline
        }
    }

    i {
        font-size 12px
        color red
        position relative
        top -1px
    }
}